/**
 * Created with JetBrains PhpStorm. User: xuheng Date: 12-8-8 Time: 下午2:09 To
 * change this template use File | Settings | File Templates.
 */
(function() {
	var me = editor, preview = $G("preview"), preitem = $G("preitem"), tmps = templates, currentTmp;
	var initPre = function() {
		var str = "";
		for (var i = 0, tmp; tmp = tmps[i++];) {
			str += '<div class="preitem" onclick="pre('
					+ i
					+ ')"><img src="'
					+ "images/"
					+ tmp.pre
					+ '" '
					+ (tmp.title ? "alt=" + tmp.title + " title=" + tmp.title
							+ "" : "") + '></div>';
		}
		preitem.innerHTML = str;
	};
	var pre = function(n) {
		var tmp = tmps[n - 1];
		currentTmp = tmp;
		clearItem();
		domUtils.setStyles(preitem.childNodes[n - 1], {
					"background-color" : "lemonChiffon",
					"border" : "#ccc 1px solid"
				});
		preview.innerHTML = tmp.preHtml ? tmp.preHtml : "";
	};
	var clearItem = function() {
		var items = preitem.children;
		for (var i = 0, item; item = items[i++];) {
			domUtils.setStyles(item, {
						"background-color" : "",
						"border" : "white 1px solid"
					});
		}
	};
	dialog.onok = function() {
		if (!$G("issave").checked) {
			me.execCommand("cleardoc");
		}
		var obj = {
			html : currentTmp && currentTmp.html
		};
		me.execCommand("template", obj);
	};
	initPre();
	window.pre = pre;
	pre(2)

})();